<template>
  <div>
    <div>我是孙子，{{ name }}</div>
    <!--单机触发注入的change方法-->
    <button @click="change">修改</button>
  </div>
</template>
<script>
import { inject } from 'vue'
export default {
  name: 'GrandSon',
  setup(){
    //第2个参数为默认如果没有定义provide则显示默认值，可选
    const name = inject('name', '嘻嘻') 
    //注入change方法，返回给template模板使用
    const change = inject('change')
    return {
      name,
      change
    }
  }
}
</script>